/**
 * 描述：列表页主体样式控制
 * 公司：xxx有限公司
 * 版权：xxx2020
 * 作者：oyjl
 * 时间：2020-04-27 08:14:45
 */

//  重置tab组件样式
:host ::ng-deep {
  .ui-tabview .ui-tabview-nav li.headerStyleClass {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
  }
  .ui-tabview-panels {
    overflow-y: auto;
    height: calc(100vh - 90px);
  }
  .tab-content {
    position: relative;
    top: 1px;
  }
  .ui-tabview.ui-tabview-top .ui-tabview-nav li {
    margin-right: 0;
  }
}

// 主体样式
.main {
  background-color: #f5f5f9;
  margin: 0;
  .top {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    i:hover {
      cursor: pointer;
    }
  }
}
